WPF (Windows Presentation Foundation) 3D গ্রাফিক্স এবং অ্যানিমেশন সাপোর্ট করে, যা আপনাকে ডাইনামিক এবং ইন্টারঅ্যাকটিভ 3D উপাদান তৈরি করতে সহায়তা করে। WPF তে 3D অ্যানিমেশন এবং ট্রান্সফরমেশন (যেমন রোটেশন, স্কেলিং, এবং ট্রান্সলেশন) ব্যবহারের মাধ্যমে অ্যাপ্লিকেশনগুলিকে আরও আকর্ষণীয় এবং ইন্টারেকটিভ করা সম্ভব। WPF এ 3D অ্যানিমেশন এবং ট্রান্সফরমেশন করার জন্য আপনি বিভিন্ন ক্লাস এবং টেকনিক ব্যবহার করতে পারেন, যেগুলি আপনাকে 3D স্পেসে অবজেক্ট এবং সীন গঠন, অ্যানিমেট এবং ট্রান্সফর্ম করতে সহায়তা করবে।
3D Animation in WPF
3D Animation হল 3D অবজেক্টের অবস্থান, স্কেল, রোটেশন, এবং অন্যান্য ভিজ্যুয়াল প্রপার্টি পরিবর্তন করতে ব্যবহৃত হয়। WPF তে 3D অ্যানিমেশন তৈরি করার জন্য প্রধানত Storyboard এবং KeyFrame ব্যবহার করা হয়।
3D Animation এর বৈশিষ্ট্য (Features of 3D Animation)
- Rotation:
3D অবজেক্টকে একটি নির্দিষ্ট অক্ষে ঘুরানো যেতে পারে। - Translation:
3D অবজেক্টের অবস্থান পরিবর্তন করা যেতে পারে, যা পর্দার একটি স্থান থেকে অন্য স্থানে নিয়ে যায়। - Scaling:
3D অবজেক্টের আকার পরিবর্তন করা যায় (ছোট বা বড় করা)। - KeyFrames:
অ্যানিমেশনটির শুরু এবং শেষ অবস্থান নির্ধারণ করা হয়, এবং এর মধ্যবর্তী গতির জন্য KeyFrames ব্যবহার করা হয়। - Transform3D:
3D ট্রান্সফরমেশন ব্যবহারের জন্যRotateTransform3D,ScaleTransform3D, এবংTranslateTransform3Dব্যবহৃত হয়।
3D Animation উদাহরণ (Example of 3D Animation)
নিচে একটি 3D অ্যানিমেশন উদাহরণ দেওয়া হলো, যেখানে একটি 3D অবজেক্ট (Cube) রোটেট করা হচ্ছে:
MainWindow.xaml:
<Window x:Class="WPFApp.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="3D Animation Example" Height="350" Width="525">
<Viewport3D Name="viewport" HorizontalAlignment="Center" VerticalAlignment="Center">
<Viewport3D.Camera>
<PerspectiveCamera Position="5,5,5" LookDirection="-1,-1,-1" FieldOfView="60"/>
</Viewport3D.Camera>
<ModelVisual3D>
<ModelVisual3D.Content>
<GeometryModel3D>
<GeometryModel3D.Geometry>
<MeshGeometry3D Positions="-1,-1,-1 1,-1,-1 1,1,-1 -1,1,-1 -1,-1,1 1,-1,1 1,1,1 -1,1,1"
TriangleIndices="0 1 2 0 2 3 4 5 6 4 6 7 0 3 7 0 7 4 1 5 6 1 6 2"
Normals="0,0,-1 0,0,1 0,-1,0 0,1,0 -1,0,0 1,0,0"/>
</GeometryModel3D.Geometry>
<GeometryModel3D.Material>
<DiffuseMaterial Brush="Green"/>
</GeometryModel3D.Material>
</GeometryModel3D>
</ModelVisual3D.Content>
</ModelVisual3D>
<!-- Animation for rotation -->
<Window.Triggers>
<EventTrigger RoutedEvent="Window.Loaded">
<BeginStoryboard>
<Storyboard RepeatBehavior="Forever">
<DoubleAnimation
Storyboard.TargetProperty="(UIElement.RenderTransform).(RotateTransform.Angle)"
From="0" To="360" Duration="0:0:5"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Window.Triggers>
</Viewport3D>
</Window>
এখানে:
- Viewport3D ব্যবহার করে 3D ভিউপোর্ট তৈরি করা হয়েছে।
- GeometryModel3D এর মাধ্যমে একটি 3D কিউব তৈরি করা হয়েছে।
- DoubleAnimation ব্যবহার করে 3D কিউবের রোটেশন অ্যানিমেশন তৈরি করা হয়েছে। এটি
RenderTransform.Angleপ্রপার্টি পরিবর্তন করে কিউবের কোণ ঘোরাচ্ছে।
Transformation Techniques in WPF
Transformations হল 3D বা 2D অবজেক্টের পজিশন, আকার, এবং অ্যালাইনমেন্ট পরিবর্তন করার কৌশল। WPF তে 3D Transformations এর মাধ্যমে আপনি 3D অবজেক্টগুলো রোটেট, স্কেল, এবং ট্রান্সলেট করতে পারেন।
Transform3D এর ক্লাসসমূহ (Classes of Transform3D)
- RotateTransform3D:
এটি 3D অবজেক্টের ঘূর্ণন পরিচালনা করে। আপনি এটিAxisAngleRotation3DবাRotateTransform3Dএর মাধ্যমে কাস্টম রোটেশন নির্ধারণ করতে পারেন। - ScaleTransform3D:
এটি 3D অবজেক্টের আকার পরিবর্তন করতে ব্যবহৃত হয়। উদাহরণস্বরূপ, এটি একটি 3D অবজেক্টকে স্কেল করতে সাহায্য করে (ছোট বা বড় করা)। - TranslateTransform3D:
এটি 3D অবজেক্টের অবস্থান পরিবর্তন করতে ব্যবহৃত হয়, যা X, Y এবং Z অক্ষের উপর ভিত্তি করে অবস্থান পরিবর্তন করে।
Transformation Techniques উদাহরণ (Example of Transformations)
ধরা যাক, আমরা একটি 3D বক্সের জন্য স্কেলিং, রোটেশন এবং ট্রান্সলেশন ট্রান্সফরমেশন প্রয়োগ করতে চাই।
MainWindow.xaml:
<Window x:Class="WPFApp.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Transformation Example" Height="350" Width="525">
<Viewport3D Name="viewport" HorizontalAlignment="Center" VerticalAlignment="Center">
<Viewport3D.Camera>
<PerspectiveCamera Position="5,5,5" LookDirection="-1,-1,-1" FieldOfView="60"/>
</Viewport3D.Camera>
<ModelVisual3D>
<ModelVisual3D.Content>
<GeometryModel3D>
<GeometryModel3D.Geometry>
<MeshGeometry3D Positions="-1,-1,-1 1,-1,-1 1,1,-1 -1,1,-1 -1,-1,1 1,-1,1 1,1,1 -1,1,1"
TriangleIndices="0 1 2 0 2 3 4 5 6 4 6 7 0 3 7 0 7 4 1 5 6 1 6 2"
Normals="0,0,-1 0,0,1 0,-1,0 0,1,0 -1,0,0 1,0,0"/>
</GeometryModel3D.Geometry>
<GeometryModel3D.Material>
<DiffuseMaterial Brush="Green"/>
</GeometryModel3D.Material>
<GeometryModel3D.Transform>
<!-- Apply Scale, Rotate, and Translate Transformations -->
<Transform3DGroup>
<!-- Scale Transformation -->
<ScaleTransform3D ScaleX="1.5" ScaleY="1.5" ScaleZ="1.5"/>
<!-- Rotate Transformation -->
<RotateTransform3D>
<RotateTransform3D.Rotation>
<AxisAngleRotation3D Axis="1,0,0" Angle="45"/>
</RotateTransform3D.Rotation>
</RotateTransform3D>
<!-- Translate Transformation -->
<TranslateTransform3D OffsetX="2" OffsetY="0" OffsetZ="0"/>
</Transform3DGroup>
</GeometryModel3D.Transform>
</GeometryModel3D>
</ModelVisual3D.Content>
</ModelVisual3D>
</Viewport3D>
</Window>
এখানে:
- ScaleTransform3D ব্যবহার করে 3D বক্সের আকার 1.5 গুণ বড় করা হয়েছে।
- RotateTransform3D ব্যবহার করে 3D বক্সকে X অক্ষে 45° কোণে রোটেট করা হয়েছে।
- TranslateTransform3D ব্যবহার করে 3D বক্সের অবস্থান X অক্ষের উপর 2 ইউনিট স্থানান্তরিত করা হয়েছে।
3D Animation এবং Transformation এর মধ্যে সম্পর্ক
- Animation এবং Transformations একে অপর
ের সাথে কাজ করতে পারে। উদাহরণস্বরূপ, আপনি একটি 3D অবজেক্টে অ্যানিমেশন যোগ করে তা এক্স, ওয়াই বা জেড অক্ষের উপর রোটেট, স্কেল বা ট্রান্সলেট করতে পারেন।
- KeyFrame ব্যবহার করে আপনি নির্দিষ্ট সময়ে 3D অবজেক্টের ট্রান্সফরমেশন পরিবর্তন করতে পারেন, যেমন 3D বক্সের স্কেলিং বা রোটেশন।
সারাংশ (Summary)
- 3D Animation WPF তে 3D অবজেক্টের রোটেশন, স্কেলিং, এবং ট্রান্সলেশন পরিবর্তন করার জন্য ব্যবহৃত হয়, যা UI তে ডাইনামিক অ্যানিমেশন তৈরি করতে সহায়তা করে।
- Transform3D Techniques (যেমন
RotateTransform3D,ScaleTransform3D,TranslateTransform3D) 3D অবজেক্টের অবস্থান, আকার এবং কোণ পরিবর্তন করার জন্য ব্যবহৃত হয়। - এই দুইটি টেকনিক একসাথে ব্যবহার করে আপনি অত্যন্ত ইন্টারঅ্যাকটিভ, বাস্তবসম্মত এবং ডাইনামিক 3D গ্রাফিক্স এবং অ্যানিমেশন তৈরি করতে পারেন।
Read more
